.dropdown.popover {
  @apply -absolute -z-dropdown -flex -flex-col;
}
.dropdown.show {
  @apply -flex;
}

.dropdown-menu {
  @apply -hidden;
  --menu-min-width: 7rem;
  --menu-max-width: 20rem;
}
.show > .dropdown-menu,
.dropdown-menu.show,
.menu-wrapper > .dropdown-menu {
  @apply -block;
}

.menu-wrapper .dropdown-menu,
.dropdown > .dropdown-menu {
  @apply -relative;
}

.show > .menu-wrapper {
  @apply -flex;
}
.dropdown > .menu-wrapper {
  @apply -h-full;
}
.dropdown > .menu-wrapper .menu-wrapper {
  @apply -absolute;
}
.dropdown > .menu-wrapper.is-tree .menu-wrapper {
  @apply -relative;
}

.is-contextmenu .is-nested-show > a:not(:hover) {
  @apply -bg-primary-100;
}
.is-contextmenu .menu-item.is-nested > .item-inner > .nested-toggle-icon {
  @apply -absolute -right-1 -top-1.5;
}
.is-contextmenu .menu-nested .menu-item > .item-inner {
  @apply -pl-2 -pr-5;
}
.is-contextmenu .menu-nested .menu-item > .item-inner > .item-content {
  @apply -overflow-hidden;
}

.dropdown > .arrow {
  @apply -bg-canvas;
}
